<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>二维码支付</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="qrpage.css">
    </head>
<body>
    <div class="header">
        <div class="title">二维码支付</div>
    </div>
    <div class="main">
        <div class="top"></div>
        <div id="pay">
            <div class="title">支付金额 <label>￥</label><span id="price">2000.00</span>，请使用微信扫描下方二维码完成支付</div>
            <div class="middle">
                <div class="content">
                    <div id="container" class="code">
                        <img src="img/qrdemo.png" alt="">
                    </div>
                    <ul>
                        <li><label>商家名称：</label><span id="business">新农市场</span></li>
                        <li><label>商品名称：</label><span id="commodity">新型农产品</span></li>
                        <li><label>交易单号：</label><span id="transactionId">20200423009871</span></li>
                        <li><label>创建时间：</label><span id="createTime">2020-04-23 00:23:19</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="error" class="error">
            <div class="content">
                <p class="tip">温馨提示</p>
                <p>
                    <span id="errorText">111</span>
                </p>
            </div>
        </div>
        <div class="bottom"></div>
        <div class="footer">
            <p>新农市场</p>
            <p>客服电话：18275547084</p>
        </div>
    </div>
</body>
</html>
